.datepicker {
	overflow: hidden;
	width: 100%;
	height: calc(100vh - 44px);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	background: #fff;
	&-box {
		width: 100%;
	}
	&-toolbar {
		height: 150upx;
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: flex-start;
		padding-left: 50upx;
		border-top: 1px solid #FAFAFA;
		&_button {
			width: 225upx;
			height: 65upx;
			border-radius: 2500upx;
			background: #F5F5F5;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: $uni-font-size-sm;
			border: 1px solid #DBDBDB;
			&:after {
				padding-left: 12.5upx;
				content: '\f0ec';
				font-family: 'FontAwesome';
				font-size: $uni-font-size-lg;
				color: #9E9E9E;
			}
		}
	}
	&-header {
		display: flex;
		flex-direction: column;
		padding: 25upx 50upx;
		box-sizing: border-box;
		justify-content: center;
		width: 100%;
		&__result {
			width: 100%;
			height: 65upx;
			color: #00c456;
			font-size: $uni-font-size-lg;
			display: flex;
			flex-direction: row;
			justify-content: center;
			&-text {
				flex: 1;
				text-align: center;
			}
			&-separator {
				width: 100upx;
				color: rgba(0,0,0,.6);
				font-weight: 1000;
				font-size: $uni-font-size-base;
				text-align: center;
			}
		}
		&__clear {
			width: 100%;
			height: 100upx;
			color: #A9A9A9;
			display: flex;
			align-items: center;
			justify-content: flex-end;
		}
		&__calendar {
			border-top: 1px solid #F9F9F9;
			border-bottom: 1px solid #F9F9F9;
			height: 500upx;
			&-picker {
				height: 100%;
				text-align: center;
			}
		}
	}
}
.item {
	display: flex;
	align-items: center;
	justify-content: center;
}
.highlight {
	color: #00c456;
	border-bottom: 1px solid #00c456;
}

.default-border {
	color: #000;
	border-bottom: 1px solid #DEDEDE;
}
.save{
	width:670upx;
	height:60upx;
	margin:20upx auto;
	line-height: 60upx;
	background: #5f71bb;
	color:#ffffff;
}